<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" manifest="manifest"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" /> 
    <meta name="apple-mobile-web-app-capable" content="yes" /> 
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> 

    <!--[if lt IE 9]>
      <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <![endif]--> 
 
    <link rel="stylesheet" href="iscroll.css" type="text/css" media="all">    
    <link rel="stylesheet" href="slide-show.css" type="text/css" media="all" /> 
    <?php include( "head.php" ); ?>

<!-- Define include function -->
<script type="text/javascript" src="http://daigotanaka.org/lib/js/include.js"></script>
<!-- End: include function -->

<!-- Begin: iscroll script -->
<script type="text/javascript" src="http://daigotanaka.org/lib/js/iscroll-3.4.4.js"></script>
<script type="text/javascript">
  var myScroll;
 
  function setHeight() {
    var headerH = document.getElementById('isheader').offsetHeight;
    var footerH = document.getElementById('isfooter').offsetHeight;
    var wrapperH = window.innerHeight - headerH - footerH;
    document.getElementById('iswrapper').style.height = wrapperH + 'px';
  }
 
  function loaded() {
    setHeight();
    //	myScroll = new iScroll('isscroller');
    //	myScroll = myScroll.destroy(true);	// Completely destroy the iScroll
  }
  window.addEventListener('onorientationchange' in window ? 'orientationchange' : 'resize', setHeight, false);
  document.addEventListener('touchmove', function(e){ e.preventDefault(); }, false);
  document.addEventListener('DOMContentLoaded', loaded, false);
</script>
<!-- End: iscroll script -->

<!-- AJAX and jquery include -->
<script src="http://www.google.com/jsapi?key=ABQIAAAAZ9dJQeyy_JbRTDGO_dz0ixRF3GjSBpvXBz6_ceXp59uLh9APfRQxl6Qewz0ei6CDU-L7dLVSHcWd_A" type="text/javascript"></script>
<script type="text/javascript" >
  google.load("jquery", "1.4.2");
  google.load("jqueryui", "1.8.2");
</script>
<!-- <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> -->
<!-- End: AJAX and jquery include -->

</head>

<body>
<div id="isheader">
<?php include("header.php"); ?>
</div>  

<div id="iswrapper"> 
<div id="isscroller"> 

    <div class="presentation"> 
      <div class="slides"> 
<?php include("tests.php"); ?>
      </div> <!-- slides -->        
    </div> <!-- presentation --> 

<script src="slide-show.js" type="text/javascript"></script>

</div> <!-- div isscroller -->
</div> <!-- div iswrapper -->
 
<div id="isfooter">
  <ul>
    <li><a class="prev" href="#" onclick="mySlideShow.prev();">prev</a></li>
    <li><a class="next" href="#" onclick="mySlideShow.next();">next</a></li>
  </ul>
</div> 


    <!--[if lt IE 9]>
    <script 
      src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js">
    </script>
		<script>CFInstall.check({ mode: "overlay" });</script>
    <![endif]--> 
    
  </body> 
</html> 
